<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        /**
         *  语法：
         *  switch(num){
         *      case 值1:
         *          xxxx;
         *          break;
         *      case 值2：
         *          yyy
         *          break;
         *      default:
         *          zzz;
         *  }
         */

        /**
         *  语音助手
         *      1. 查询话费
         *      2. 网络宽带业务
         *      3. 缴费业务
         *      4. 报修服务
         *      以上都不是. 人工服务
         * 
         * 
         *    switch 语句执行过程
         *       使用switch后的变量去匹配 case中的条件 [===], 如果匹配成功，从当前case开始执行，如果没有break;当前case执行后，还会执行后续的case。如果有break;break会跳出switch语句，执行switch后续代码。
         *       如果所有的case都没有匹配成功，那么，执行default中的代码
         * 
         *       default分支，可以没有，根据业务需求添加即可
         * 
         * 
         * if else 和 switch case 区别
         *  1. 都是条件分支语句
         *  2. switch case 一般用来做 等值判断
         *  3. 书写比if else 看上去规矩
         * 
         *  4. if else 使用范围更广，更灵活
         * 
         */

        var num = '10';
        switch (num) {
            case '1': // 是 === 比较，即比较值也比较类型
                alert('查询话费');
                break;
            case '2':
                alert('网络宽带业务');
                break;
            case '3':
                alert('缴费业务');
                break;// 跳出当前switch语句
            case '4':
                alert('报修服务');
                break;
            default:
                alert('人工服务');
        }
        alert('switch后的代码');



        if (num === '1') {
            alert('查询话费');
        } else if (num === '2') {
            alert('网络宽带业务');
        } else if (num === '3') {
            alert('缴费业务');
        } else if (num === '4') {
            alert('报修服务');
        } else {
            alert('人工服务');
        }



    </script>
</body>

</html>